import { createRouter, createWebHistory } from 'vue-router'
import Layout from '../components/Layout.vue'
import Home from '../views/Home.vue'
import Experiments from '../views/Experiments.vue'
import Lectures from '../views/Lectures.vue'
import Videos from '../views/Videos.vue'

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: '/',
      component: Layout,
      children: [
        {
          path: '',
          name: 'home',
          component: Home
        },
        {
          path: '/experiments',
          name: 'experiments',
          component: Experiments
        },
        {
          path: '/lectures',
          name: 'lectures',
          component: Lectures
        },
        {
          path: '/videos',
          name: 'videos',
          component: Videos
        }
      ]
    }
  ]
})

export default router
